隆Hola 馃憢! Espera mientras comienza la sesi贸n.
Antes que todo, 驴c贸mo est谩n?
Visualizaci贸n de Informaci贸n
IIC2026 2020-2
Introducci贸n a HTML, CSS y SVG
Visualizaci贸n de Informaci贸n
IIC2026 2020-2
Repaso
Repaso
1. HTML
2. CSS
3. SVG
4. Desarrollo web
驴Visualizaci贸n o desarrollo web? 馃
- La web es uno de los medios de comunicaci贸n m谩s importantes.
- La web es transitada de forma masiva todos los d铆as.
- La web permite formas de interacci贸n que sobrepasan otros medios.
- 隆La web es un lugar perfecto para visualizaci贸n!
Implementaci贸n algor铆tmica
- C贸digo.
- Nivel t茅cnico tecnol贸gico.
- Se revisa eficiencia, escalabilidad y dificultad.
Caracterizaci贸n de dominio
Abstracci贸n de datos y tareas
Codificaci贸n visual y de interacci贸n
Implementaci贸n algor铆tmica
Desarrollo web
- Disciplina de quienes crean p谩ginas web.
- Utilizan t茅cnolog铆as web: HTML, CSS y JavaScript (al menos).
- 隆Un mundo gigante para aprender!
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>T铆tulo de documento completo</title>
</head>
<body>
<h1> Un título </h1>
<p> Un párrafo </p>
<h2> Un subtítulo </h2>
<p> Otro párrafo </p>
<ul>
<li>Primer elemento de lista.</li>
<li>Segundo elemento de lista.</li>
<li>Tercer elemento de lista.</li>
</ul>
</body>
</html>
CSS
p {
color: blue;
}
li, h1, h2 {
color: blue;
}
.importante {
color: red;
}
#principal {
color: green;
}
body {
background-color: #eeeeee;
font-family: monospace;
font-size: 20px;
}
SVG
Inspector de elementos
Desarrollo web
隆Un mundo gigante para aprender!
驴M谩s dudas?
隆Visualizaci贸n del d铆a!
隆Visualizaciones del d铆a!
隆Visualizaciones del d铆a!
Propuesto por entidad an贸nima.
(Fuente: Commons de Wikimedia)
.svg){kind=link}
隆Visualizaciones del d铆a!
Propuesto por estudiante Luciano Aguilera.
Pr贸ximos eventos:
Jueves 27 de agosto termina plazo de Entrega 1.
Pr贸ximos eventos:
Jueves 27 de agosto termina plazo de Entrega 1.
Jueves 27 de agosto se publica el enunciado de Hito 1.
Pr贸ximos eventos:
Jueves 27 de agosto termina plazo de Entrega 1.
Jueves 27 de agosto se publica el enunciado de Hito 1.
Ya que nos encontramos en semana universitaria (hasta viernes 28 de agosto), la fecha de entrega de Hito 1 queda para dos semanas a partir de viernes 28 de agosto.